<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<link rel="stylesheet" type="text/css" href="style/jquery.more.css" />
<script type="text/javascript" src="style/jquery.min.js"></script>
<script type="text/javascript" src="style/jquery.more.js"></script>
<style type="text/css">
#more {
	margin: 100px auto;
	width: 400px;
	height: 360px;
	overflow: auto;
	border: 1px solid #444;
}

.single_item {
	padding: 20px;
	border: 1px solid #aaa;
}

#getmore {
	margin: 30px;
}

.author {
	position: absolute;
	right: 0px;
	font-size: 0.7em;
}

.date {
	position: absolute;
	left: 0px;
	font-size: 0.7em;
}

.element_head {
	width: 100%;
	position: relative;
	height: 20px;
}

pre {
	margin: 30px;
	font-size: 0.8em;
	background: lightgreen;
	width: 420px;
}

.get_more {
	text-align: center;
}

td {
	vertical-align: top;
}

#hlist {
	list-style-type: none;
	width: 1000px;
	overflow: auto;
}

#hlist li.template {
	display: inline-block;
	width: 100px;
	height: 80px;
	list-style-type: none;
}

li.template .content {
	width: 100px;
	display: inline
}
</style>
<script type="text/javascript">
            $(document).ready(function(){      
       			$('#more').more({'amount': '4', 'scroll': 'true'});
             })
</script>
</head>

<body>

<!-- more container start -->                    
                    <div id="more">
                        <div class="single_item">
                            <div class="element_head">
                                <div class="title"></div>
                                <div class="date"></div>
                            </div>
                            <div class="content"></div>
                        </div>
                     <div style="display: none;" class="more_loader_spinner"></div>             
                    </div>
                    
                    
                    


</body>
</html>
